import styled from 'styled-components'

const TaskInfoStyled = styled.div`
  width : 100%;
  height : 100%;
  overflow : hidden;
  background-color : #f4f4f4;
  display: flex;
  flex-direction: column;
`
const MainStyled = styled.div`
  width: 100%;
  flex-grow: 1;
  overflow: auto;
  .jiedan{
    color: #646464;
    font-size: .17rem;
    padding: .06rem 0 0 .3rem;
  }
  div.taskExplain{
    p{
      width: 100%;
      padding: .13rem .15rem;
      color : #646464;
      font-size: .13rem;
    }
    p.explain{
      background-color: #fff;
      border-bottom: 1px solid #f4f4f4;
    }
    p.explainContent{
      background-color: #fff;
      padding : .17rem .15rem;
      text-indent : 2em;

    }
    p.time{
      margin: .15rem 0 0;
      background-color: #fff;
      

    }
    p.address{
      margin-bottom: .15rem;
      background-color: #fff;
      border-top:1px solid #f4f4f4;


    }

  }
  p.tips{
      color: #C0C0C0;
      font-size: .12rem;
      padding: 1rem 0 .13rem .15rem;
  }
  .btn{
    display: flex;
    justify-content: space-between;
    padding: 0 .15rem .15rem .15rem;
  }


  div.enroldiv{
    text-align: center;
    margin-bottom: .15rem;
  }

`
const PublisherStyled = styled.div`
  margin : .13rem .15rem .15rem;
  height: .84rem;
  background:rgba(255,255,255,1);
  box-shadow:.05rem .02rem .03rem rgba(100,100,100,0.16);
  opacity:1;
  border-radius: .1rem;
  padding: 0 0 .15rem .15rem;
  display : flex;
  flex-direction: column;
  justify-content: space-between;
  div.one{
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #646464;
      font-size: .17rem;
      p.nichen{
        color: #646464;
        font-size: .17rem;
      }
      p.price{
        font-size: .3rem;
        color: #FFB538;
        span{
          font-size: .2rem;
        }
      }
    }
    div.two{
      display: flex;
      img.djimg{
        height : .15rem;
        width : 1.98rem;
        margin-right: .15rem;

      }
    }
  
`
export { TaskInfoStyled, MainStyled, PublisherStyled }